7. console 的常用用法

首先，还是介绍一下 console：

Console 对象用于 JavaScript 调试。

JavaScript 原生中默认是没有 Console 对象,这是宿主对象（也就是游览器）提供的内置对象。 用于访问调试控制台, 在不同的浏览器里效果可能不同。

Console 对象常见的两个用途：

• 显示网页代码运行时的错误信息。

• 提供了一个命令行接口，用来与网页代码互动。

• 输出信息

1. console.log()/console.dir()

log 常见用法无非就是用来展示信息。在这里着重讲一下 log 和 dir 的区别。

• log 和 dir 都是用来展示信息的，唯一差异比较大的地方是当我们打印 HTML 文档中的节点时，会有完全不一样的表现形式。

console.log()打印出来可以让我们会方便地看到 DOM 结构，并且鼠标移上去能够帮我们自动定位到对应的 DOM 节点。

console.dir()打印出来的东西可以让你想看到的是该 DOM 节点下的所有属性信息。

2. console.error()

• error 是红色的报错。但是他不止可以用来在 catch 里面报错，还可以用来标记一些重要信息，这样容易识别。

3. console.warn()

4. console.group()/groupEnd()

• group()和 gourpEnd()配合使用，用来把信息进行折叠和展开。

5. console.time()/timeEnd()

• 用来计时

6. console.table()

在我们项目开发的时候经常会遇到对象或者数组形式的列表数据；在调试过程中我们经常会使用 console.log()来打印出这些数据来进行查看,但我们打印出的结果并不够直接；

这个时候使用 console.table()，对象也适用此方法

7. console.assert()

• assert 方法接受两个参数，第一个参数是表达式，第二个参数是字符串。只有当第一个参数为 false，才会输出第二个参数，否则不会有任何结果。

8. console.trace()

• 追踪函数的调用过程

标识符

console 对象的上面 5 种方法，都可以使用 printf 风格的占位符。不过，占位符的种类比较少，只支持字符（%s）、整数（%d 或%i）、浮点数（%f）和对象（%o）四种。

除此之外，还有一种特殊的标识符%C，重写 console.log 改变输出文字的样式，或者输出图片

• 利用这个特点可以用来写一些招聘信息。